{
    "detail": {
        "width": 1363,
        "height": 805,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "安全管理模块",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "name": "tab页",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 647.18,
                "height": 44.15,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div>\n    <div\n      v-for=\"item in data\"\n      @click=\"tabClick(item)\"\n      :class=\"[selectValue == item.value ? 'tabClassSelect' : 'tabClass']\"\n      :key=\"item.name\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      path:'',\n      data: [\n        { name: \"安全检查\", value: \"0\" },\n        { name: \"危大工程管理\", value: \"1\" },\n        { name: \"动火审批记录\", value: \"2\" },\n        { name: \"安保巡更\", value: \"3\" },\n\n      ],\n      selectValue: \"0\",\n      idList: [\n        \"a7f208fd-6dd5-4d8c-9ce8-6a2747a0d28a\",\n        \"44a1aa28-915e-4d5d-8a64-839b86e96d93\",\n        \"0d940c0a-86e1-47a2-a6b9-4f1bc6ff32da\",\n        \"a571f7bc-76e9-4cc7-a6cc-a41d396b6280\"\n\n      ],\n      iframeList:[\n        {url:'https://dash.hibuilding.cn/view/250',id:'5e37cbd3-0936-441c-8d2e-53f1018d1cbc'},\n        {url:'https://dash.hibuilding.cn/view/236',id:'c6bff182-a30d-4b28-8b4c-e505b3afdb6c'},\n        {url:'https://dash.hibuilding.cn/view/237',id:'a6b6b03d-cf26-42e5-8645-0b0f501b7d3c'},\n        {url:'https://dash.hibuilding.cn/view/238',id:'d85d987f-ec16-4151-9104-20938c65a74e'},\n      ]\n    };\n  },\n  created() {\n    this.path = window.location.search\n    this.tabClick({ name: \"安全检查\", value: \"0\" });\n  },\n  methods: {\n    tabClick(e) {\n      this.selectValue = e.value;\n      let refs = this.$parent.getItemRefs();\n      this.idList.forEach((item,index)=>{\n        if(index==e.value){\n          refs[this.iframeList[index].id].dataChart.value=this.iframeList[index].url+this.path\n          refs[item].setDisplay(false);\n        }else{\n          refs[item].setDisplay(true);\n        }\n      })\n    },\n  },\n};\n</script>\n\n<style>\n.tabClassSelect {\n  display: block;\n  margin-left: 26px;\n  background: linear-gradient(180deg, #00d7f8 0%, #009be2 44%, #4015ff 100%);\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n.tabClass {\n  display: block;\n  margin-left: 26px;\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n  background: transparent;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n</style>"
            },
            "left": 645.42,
            "top": 2.71,
            "index": "aaf5345d-8211-43a6-91e5-0b0fd0c9c6bb",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 10
        },
        {
            "title": "文本框",
            "name": "安全管理",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": "安全管理"
            },
            "component": {
                "width": 237.7,
                "height": 40,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "left",
                "fontSize": 34,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": -0.98,
            "top": -1.91,
            "index": "4d6f1b5f-e98b-43d6-876f-ee081a894523",
            "zIndex": 9,
            "display": false
        },
        {
            "title": "图片",
            "name": "图片",
            "icon": "icon-img",
            "img": "img/assets/img.png",
            "top": 44.36,
            "left": -6.19,
            "dataType": 0,
            "data": {
                "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 1345.12,
                "height": 11.81,
                "name": "img",
                "prop": "img",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "duration": "1000",
                "opacity": 0
            },
            "index": "1234023e-620b-466e-81eb-e897c6a569e5",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 8,
            "display": false
        },
        {
            "title": "文件夹",
            "name": "安全检查",
            "index": "a7f208fd-6dd5-4d8c-9ce8-6a2747a0d28a",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 61.56,
                    "left": -8.64,
                    "component": {
                        "width": 1361.38,
                        "height": 716.77,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/250"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "5e37cbd3-0936-441c-8d2e-53f1018d1cbc",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "display": false
                }
            ],
            "zIndex": 7,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "危大工程管理",
            "index": "44a1aa28-915e-4d5d-8a64-839b86e96d93",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 69.98,
                    "left": -8.64,
                    "component": {
                        "width": 1361.26,
                        "height": 726.26,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/236?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "c6bff182-a30d-4b28-8b4c-e505b3afdb6c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                }
            ],
            "zIndex": 5,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "动火审批记录",
            "index": "0d940c0a-86e1-47a2-a6b9-4f1bc6ff32da",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 60.56,
                    "left": -8.64,
                    "component": {
                        "width": 1360.78,
                        "height": 740.72,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/237?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "a6b6b03d-cf26-42e5-8645-0b0f501b7d3c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "安保巡更",
            "index": "a571f7bc-76e9-4cc7-a6cc-a41d396b6280",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 58.02,
                    "left": -12.45,
                    "component": {
                        "width": 1367.36,
                        "height": 739.03,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/238?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "d85d987f-ec16-4151-9104-20938c65a74e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "display": true
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}